<script setup>
  import Aside from '@/components/commons/Aside.vue'
  import Header from '@/components/commons/Header.vue'
</script>
<template>
  <el-container style="height: 100vh">
    <!--左边区域-->
    <Aside></Aside>
    <!--右边区域-->
    <el-container direction="vertical">
      <!--顶部区域-->
      <Header></Header>
      <!--中间区域-->
      <el-main>
        <router-view></router-view>
      </el-main>
    </el-container>
  </el-container>
</template>
<style scoped>

  
* {
    margin: 0px;
    padding: 0px;
  }
  
  body {
    font-size: 14px;
    color: #333333;
  }
  
  li {
    list-style: none;
  }
  
  a {
    text-decoration: none;
  }
  
  html, body, #layout, .el-container, #asideNav, ul.el-menu {
    height: 100%;
  }

</style>
